<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>帮帮网-帮客空间</title>
<link href="CSS/formStyle.css" rel="stylesheet"  type="text/css" />
<link href="CSS/kakassiStyle.css" rel="stylesheet"  type="text/css" />
<script type="text/javascript" src="JS/prototype.js"></script>
<script type="text/javascript" src="JS/httpRequest.js"></script>
<script type="text/javascript" src="JS/cookie.js"></script>
<script type="text/javascript">
//全局变量
var hisReqListHasShown = 0;//表征iReqList 我所发布的帮忙需求列表 有没有被显示过
var allReqListHasShown = 0;//表征allReqList 所有的帮忙需求列表 有没有被显示过
var username;
var userID;
var hisid;
var hisname;

function GetUserInfo()
{
	//body onload调用的函数 所以计算几个全局变量
	username=getCookie('username');
	userID = getCookie('userID');

	var contentURL = document.location.search;
	hisid = contentURL.slice(1);	//helpid

	if(userID==hisid)//页面重定向 改为相对路径
		//window.location.href="http://localhost/HelpSite/myspace.htm";
		window.location.href="myspace.htm";
	//根据cookie提供的用户名 username 去取得用户的信息
	var url="user/user.php?action=GetUserInfobyID";
	var para="userID="+hisid;
	var resp=SendPostRequest(url,para);
	//alert(resp);

	if(resp!=null)
	{
		var UserInfoListDiv=document.getElementById('UserInfoListDiv');
		var userinfo=eval("("+resp+")");
		for(var i=0;i<userinfo.length;i++)
		{
			var userinfoDiv=document.createElement('div');
			userinfoDiv.style.width="300px";
			userinfoDiv.style.margin="20px";
			userinfoDiv.style.border="1px solid #ccc";
			
			//姓名
			var nameDiv=document.createElement('div');
			nameDiv.style.padding="10px";
			nameDiv.innerHTML="<font style='font:14px bold'>"+userinfo[i].name+"</font>";
			hisname = userinfo[i].name;
	
			//头像 todo
			var avatarDiv=document.createElement('div');
			avatarDiv.style.padding="10px";
			avatarDiv.innerHTML="<font style='font:14px bold'>头像 交由周青完成   "+userinfo[i].avatar+"</font>";	

			//相册
			var albumDiv=document.createElement('div');
			albumDiv.style.padding="10px";
			albumDiv.innerHTML="<font style='font:14px bold'>相册 交由周青移植整合   "+userinfo[i]. album+"</font>";	

			//id
			var idDiv=document.createElement('div');
			idDiv.style.padding="10px";
			idDiv.innerHTML="<font style='font:14px bold'>"+userinfo[i].id+"</font>";	

			//qq
			var qqDiv=document.createElement('div');
			qqDiv.style.padding="10px";
			qqDiv.innerHTML="<font style='font:14px bold'>QQ：   "+userinfo[i].qq+"</font>";	

			//cellphone
			var cellDiv=document.createElement('div');
			cellDiv.style.padding="10px";
			cellDiv.innerHTML="<font style='font:14px bold'>手机号码：   "+userinfo[i].cellphone+"</font>";

			//sex
			var sexDiv=document.createElement('div');
			sexDiv.style.padding="10px";
			sexDiv.innerHTML="<font style='font:14px bold'>性别：   "+userinfo[i].sex+"</font>";
			
			//emot
			var emotDiv=document.createElement('div');
			emotDiv.style.padding="10px";
			emotDiv.innerHTML="<font style='font:14px bold'>感情状态：   "+userinfo[i].emot+"</font>";

			//出生年月日
			var birthDiv=document.createElement('div');
			birthDiv.style.padding="10px";
			birthDiv.innerHTML="<font style='font:14px bold'>出生年月日：   "+userinfo[i].year+"年"+userinfo[i].month
			+"月"+userinfo[i].day+"日"+"</font>";		

			//经验值 活跃度
			var expDiv=document.createElement('div');
			expDiv.style.padding="10px";
			expDiv.innerHTML="<font style='font:14px bold'>活跃度     "+userinfo[i].exp+"</font>";	
			
			//好评度
			var goodCommentDiv=document.createElement('div');
			goodCommentDiv.style.padding="10px";
			goodCommentDiv.innerHTML="<font style='font:14px bold'>好评度      "+userinfo[i].goodcomment+"</font>";	

			//差评度
			var badCommentDiv=document.createElement('div');
			badCommentDiv.style.padding="10px";
			badCommentDiv.innerHTML="<font style='font:14px bold'>差评度       "+userinfo[i].badcomment+"</font>";	

			//历史记录
			var historyDiv=document.createElement('div');
			historyDiv.style.padding="10px";
			historyDiv.innerHTML="<font style='font:14px bold'>历史记录 等待系统完成后再完善   "+userinfo[i].history+"</font>";	

			userinfoDiv.appendChild(nameDiv);
			userinfoDiv.appendChild(avatarDiv);
			userinfoDiv.appendChild(albumDiv);
			userinfoDiv.appendChild(qqDiv);
			userinfoDiv.appendChild(cellDiv);
			userinfoDiv.appendChild(sexDiv);
			userinfoDiv.appendChild(emotDiv);
			userinfoDiv.appendChild(birthDiv);
			userinfoDiv.appendChild(expDiv);
			userinfoDiv.appendChild(goodCommentDiv);
			userinfoDiv.appendChild(badCommentDiv);
			userinfoDiv.appendChild(historyDiv);			

			UserInfoListDiv.appendChild(userinfoDiv);
		}
	}
	else
	{
		alert('resp is NULL');
	}

	showFriends();
	showFollowers();

}

function showFriends()
{
	var friendListDiv=document.getElementById('friendListDiv');
	var url="friend/friend.php?action=friendList";
	var para="foid="+hisid;
	var resp=SendPostRequest(url,para);
	//alert(resp);
	//resp="("+resp+")";
	if(resp!=null && resp!="[]")
	{
		eval("frList="+resp);
		for(var i=0;i<frList.length;i++)
		{
			//标题
			var frDiv=document.createElement('div');
			frDiv.style.padding="10px";
			if(userID!=frList[i].frid)
			{
				frDiv.innerHTML="<font style='14px bold'><a href=hisSpace.htm?"+frList[i].frid+">"+frList[i].frname+"</a>"+frList[i].point+"</font>";	
			}
			else
			{
				frDiv.innerHTML="<font style='14px bold'><a href=myspace.htm>"+frList[i].frname+"</a>"+frList[i].point+"</font>";				
			}
			friendListDiv.appendChild(frDiv);
		}	
	}
}

function showFollowers()
{
	var followerListDiv=document.getElementById('followerListDiv');
	var url="friend/friend.php?action=followList";
	var para="frid="+hisid;
	var resp=SendPostRequest(url,para);
	if(resp!=null && resp!="[]")
	{
		eval("foList="+resp);
		for(var i=0;i<foList.length;i++)
		{
			//标题
			var foDiv=document.createElement('div');
			foDiv.style.padding="10px";
			if(userID!=foList[i].foid)
			{
				foDiv.innerHTML="<font style='14px bold'><a href=hisSpace.htm?"+foList[i].foid+">"+foList[i].foname+"</a>"+foList[i].point+"</font>";	
			}
			else
			{
				foDiv.innerHTML="<font style='14px bold'><a href=myspace.htm>"+foList[i].foname+"</a>"+foList[i].point+"</font>";				
			}
			followerListDiv.appendChild(foDiv);
		}	
	}
}


function showHisReqList()
{
	var hisReqListDiv=document.getElementById('hisReqListDiv');
	//alert('showiReqList');
	//alert(iReqListHasShown);
	if(hisReqListHasShown == 0)
	{
		//虽然需要的是hisReqList 但是实际上用iReqList就可以了
		//理论上来讲 这边应该用id 但是 怎么说呢 先用名字将就将就呗
		var url="help/help.php?action=iReqList";
		var para="&username="+hisname;
		var resp=SendPostRequest(url,para);

		if(resp!=null || resp != 'false')
		{
			//alert('ca0');
			hisReqListDiv.style.display="block";
			eval("hisReqList="+resp);	//比起var actlist， actlist变成了一个全局的变量 可以动态插入
				//actList获得 alert(ireqList);  //alert('ireqList.length=  '); //alert(ireqList.length);
			for(var i=0;i<hisReqList.length;i++)
			{
				//alert("i=  "+i);
				var reqDiv=document.createElement('div');
				reqDiv.style.width="300px";
				reqDiv.style.margin="20px";
				reqDiv.style.border="1px solid #ccc";
			
				var id=hisReqList[i].id;
				//alert(id);

				var titleDiv=document.createElement('div');
				titleDiv.style.padding="10px";
				titleDiv.innerHTML="<font style='14px bold'><a href='help/help.htm?"+id+"' target='_blank'>"+hisReqList[i].title+"</a></font>";				
				reqDiv.appendChild(titleDiv);

				var  cateDiv=document.createElement('div');
				cateDiv.style.padding="10px";
				cateDiv.innerHTML="<font style='14px bold'>类别：		"+hisReqList[i].cate+"</font>";				
				reqDiv.appendChild(cateDiv);

				var  descriptionDiv=document.createElement('div');
				descriptionDiv.style.padding="10px";
				descriptionDiv.innerHTML="<font style='14px bold'>简介：        "+hisReqList[i].description+"</font>";				
				reqDiv.appendChild(descriptionDiv);

				var  detailDiv=document.createElement('div');
				detailDiv.style.padding="10px";
				detailDiv.innerHTML="<font style='14px bold'>详情：       "+hisReqList[i].detail+"</font>";				
				reqDiv.appendChild(detailDiv);

				//对发布人评分
				var  ScoreReqDiv=document.createElement('div');
				ScoreReqDiv.style.padding="10px";
				if(hisReqList[i].flagScoreReq!=0)	
					ScoreReqDiv.innerHTML="<font style='14px bold'>发布人得分：       "+hisReqList[i].ScoreReq+"</font>";				
				else
					ScoreReqDiv.innerHTML="<font style='14px bold'>承接人还没有对发布人打分</font>";				
				reqDiv.appendChild(ScoreReqDiv);
				//对承接人评分
				var  ScoreChooseDiv=document.createElement('div');
				ScoreChooseDiv.style.padding="10px";
				if(hisReqList[i].flagScoreChoose!=0)	
					ScoreChooseDiv.innerHTML="<font style='14px bold'>承接人得分：       "+hisReqList[i].ScoreChoose+"</font>";				
				else
					ScoreChooseDiv.innerHTML="<font style='14px bold'>发布人还没有对承接人打分</font>";				
				reqDiv.appendChild(ScoreChooseDiv);

				hisReqListDiv.appendChild(reqDiv);				
			}	
		}
		hisReqListHasShown=1;
	}
	else
	{
		hisReqListDiv.style.display="block";	
	}
}

function hideiReqList()
{
	var ireqListDiv=document.getElementById('ireqListDiv');

	//alert('hideiReqList');
	//alert(iReqListHasShown);

	ireqListDiv.style.display="none";	
}

function follow()
{
	//hisid	hisname userID username startTime point
	//alert('follow');
	//alert(hisname);
	if(hisid==userID)
	{
		alert('你不能加自己为好友 人应该少关注自己哦');
		return;
	}
	var url="friend/friend.php?action=follow";
	var para="friendid="+hisid;
	para+="&friendname="+hisname;
	para+="&followid="+userID;
	para+="&followname="+username;
	var resp=SendPostRequest(url,para);
	//alert(resp);	
	if (resp=="你已经关注他鸟")
	{
		alert('你已经关注他了');
	}
	if(resp=="true")
		alert('关注成功');
	if(resp=="false")
		alert('关注失败');	

}

</script>

</head>
<body onload="GetUserInfo()">

<input type="button" onclick="follow()" value="关注他" />
<div>用户信息</div>
<div id='UserInfoListDiv' style="padding:20px; float:left"></div>

<div id='friendListDiv'>他关注的人： </div>
<div id='followerListDiv'>关注他的人：</div>

<div style="padding:20px; float:left; display:block">
<table>
<tr><td>
<!--img onmouseover="showiReqList()" onmouseout="hideiReqList()"  src="img/0.gif"-->
<img onmouseover="showHisReqList()"  src="img/0.gif">
他发布的任务
</td></tr>
</table>
</div>
<div id='hisReqListDiv'  style="padding:20px; float:left; display:block">
</div>






<div class="clear"></div>

</body>
</html>